
<template>
    <div class="father">
        <h2>父组件</h2>
        <Child1/>
        <Child2/>
    </div>
</template>

<script setup lang="ts">
import Child1 from './Child1.vue';
import Child2 from './Child2.vue';
import { ref } from 'vue';
let toy = ref("小小标题")
</script>

<style scoped>
.father {
    padding: 100px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
}  
.father h2 {
    color: #333;
}
</style>